<%@ page pageEncoding="UTF-8"%>

<html>
    <head>
        <title>Сиськи-письки</title>
        <script src="/script/jquery.js"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="/stylesheet/all.css">
    </head>
    <body>
    
    <div id="controll">
        <form action="index.jsp">
            <%--<input type="text">--%>
        </form>
        <div class="menu">
            <span class="signin">войти</span>
            <span class="signup">регистрация</span>
            <span class="apartments">квартиры</span>
        </div>
    </div>
    <div class="main">

        <div class="blocks">
            <table style="margin-top:200px; margin-left: auto ; margin-right: auto ;">
                <tr>
                    <td>
                        <div style="width:200px; height:200px; background-color:#54bde8;"></div>
                    </td>
                        <td><div style="width:200px; height:200px; background-color:#3fd13f;"></div>
                    </td>
                        <td><div style="width:200px; height:200px; background-color:#b4b4ff;"></div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div style="width:200px; height:200px; background-color:#ffff00;"></div>
                    </td>
                    <td>
                        <div style="width:200px; height:200px; background-color:#f66631;"></div>
                    </td>
                    <td>
                        <div style="width:200px; height:200px; background-color:#f6bce4;"></div>
                    </td>
                </tr>
            </table>

        </div>
      </div>

    <div class="sidebar" id="siding">

    </div>

    <script type="text/javascript">
         $j = jQuery.noConflict();

         $j("tr.oneroom").mouseover(function() {
             $j(this).toggleClass('highlight');
             $j(this).find("div.bark").show();
         })
         $j("tr.oneroom").mouseout(function() {
             $j(this).removeClass('highlight');
             $j(this).find("div.bark").hide();
         })
    </script>

    </body>

</html>